<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="https:////at.alicdn.com/t/font_3240695_mdfxygpdttg.css">
    <link rel="stylesheet" href="./css/猫眼.css">
</head>

<body>
    <header>
        
        <img src="./img/logo.png" alt="">
        <select style="height: 20px;margin-top: 30px;border: none;" name="" id="">
            <option value="">成都</option>
            <option value="">上海</option>
            <option value="">重庆</option>
        </select>
        <a href="">首页</a>
        <a href="">电影</a>
        <a href="">榜单</a>
        <a href="">热点</a>
        <a href="">商城</a>

        <div class="app">
            <a style="font-weight: bold; font-size: 20px;display: inline-block;width: 150px;background-color: white; " href="">APP下载 ↓</a>
            <div style="width: 150px;">
                <img src="./img/erweima.jpg" alt="">
                <p style="font-size: 12px;"> 扫描二维码下载</p>
            </div>
        </div>

        <div style="display: flex;margin-left: 200px;margin-top: 20px;position: relative;">
            <input type="text" placeholder="找影视剧，找人，影院">
            <div class="sprite"></div>
        </div>
        <div style="margin-top: 20px;" class="sprite1"></div>
    
    </header>

    <div class="box2">
        <div class="box2-1">
            <div class="box2-1-1">
                <p>正在热映（545部）</p>
                <p>全部></p>
            </div>
            <div class="box2-1-2">
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/zhuluoji.jpg" alt="">
                        <div class="box2p">
                            <p>侏罗纪世界3</p>
                            <p>9.0</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/anlian.jpg" alt="">
                        <div class="box2p">
                            <p>暗恋.淮生橘南</p>
                            <p>8.4</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/6.png" alt="">
                        <div class="box2p">
                            <p>人生大事</p>
                            <p>9.0</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/huaidan.jpg" alt="">
                        <div class="box2p">
                            <p style="color: rgb(124, 124, 124);">坏蛋联盟</p>
                            <p>9.1</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
            </div>
            <div class="box2-1-2">
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/tiancai.jpg" alt="">
                        <div class="box2p">
                            <p>天才计划</p>
                            <p>8.8</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/duolaA.jpg" alt="">
                        <div class="box2p">
                            <p>哆啦A梦大电影</p>
                            <p>9.2</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/jingling.jpg" alt="">
                        <div class="box2p">
                            <p>精灵旅社4</p>
                            <p>9.3</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
                <div class="box2-1-2-1">
                    <div class="box2-1-2-1-1">
                        <img src="./img/yizhou.jpg" alt="">
                        <div class="box2p">
                            <p>一周的朋友</p>
                            <p>8.5</p>
                        </div>
                    </div>
                    <div class="box2-1-2-1-2">
                        <p>购 票</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="box2-2">
            <div class="box2-2-1">
                <p>今日票房</p>

            </div>
            <div class="box2-2-2">
                <img src="./img/zhuluoji2.jpg" alt="">
                <div>
                    <p>侏罗纪世界 3</p>
                    <p>1203.6万</p>
                </div>
            </div>
            <div class="box2-2-3">
                <div>
                    <div>
                        <p style="color: red;">2</p>
                        <p>暗恋.橘生淮南</p>
                    </div>
                    <p>164.35万</p>
                </div>
                <div>
                    <div>
                        <p style="color: red;">3</p>
                        <p>坏蛋联盟</p>
                    </div>
                    <p>98.52万</p>
                </div>
                <div>
                    <div>
                        <p>4</p>
                        <p>天才计划</p>
                    </div>
                    <p>23.12万</p>
                </div>
                <div>
                    <div>
                        <p>5</p>
                        <p>哆啦A梦大电影</p>
                    </div>
                    <p>18.54万</p>
                </div>
                <div>
                    <div>
                        <p>6</p>
                        <p>从你的全世界路过</p>
                    </div>
                    <p>12.25万</p>
                </div>
                <div>
                    <div>
                        <p>7</p>
                        <p>圆梦巨人</p>
                    </div>
                    <p>11.35万</p>
                </div>


            </div>
            <div class="box2-2-4">
                <div>
                    <p>今日大盘</p>
                </div>
                <div class="box2-2-5">
                    <div class="box2-2-5-1">
                        <div class="box2-2-5-1-1">
                            <p style="font-size: 20px;font-weight: bolder;">1416.9</p>
                            <p style="line-height: 32px;font-size: 12px;">万</p>
                        </div>
                        <p>查看更多></p>
                    </div>
                    <div style="padding-left: 20px;padding-top: 10px;">
                        <p style="font-size: 12px; color: gray;">北京时间 22:45:25 &nbsp;&nbsp;&nbsp; 猫眼专业版实时票房数据</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <p>02016猫眼电影maoyan.com京ICP证160733号东1CP备16022489号-1京公网安备11010502030881号 网络文化经营许可证电子公告服务规则</p>
        <p>北京猫联文化传媒有限公司</p>
    </footer>
</body>

</html>